﻿body 
{
    height:100%;
    width:775px;
    background-color:White;
    margin: 0 auto 0 auto;
    font-family:Verdana;
}

div
{
    font-family:Verdana;
} 

.panel
{
    height:160px;
}

.header
{
    background-color:Navy;
    color:White;
    font-weight:bold;
}

.headerMenu
{
    background-color:Navy;
}

.sideBar 
{
    background-color:Navy;
    height:100%;
}

.sideMenu
{
    vertical-align: top;
    min-height:450px;
    height:475px;
}

.rightToLeft 
{
    direction:rtl;
}

.footer
{
    background-color:Navy;
    vertical-align:bottom;
    bottom: 5px;
    height: 20px;
    width: 775px;
}

.mainContent
{
    direction:rtl;
    vertical-align: top;
}

.Content
{
    position:fixed;
    top:40%;
    left:40%;
}

.paddedTextbox
{
    padding-right:20px;
    resize: none;
}

.alignCenter
{
    margin:0 auto; text-align:center;    
}

.alignLeft
{
    float:left;    
}

.title
{
    width:100px;
    text-align:right; 
    padding:2px;  
    font-weight:bold;
}

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}

/* Buttons   
----------------------------------------------------------*/

button, .button
{
    background-color:#FFFBFF;
    border-color:#CCCCCC;
    border-style:solid; 
    border-width:2px;
    font-family:Verdana;
    font-size:medium;
    color:ButtonText;
    margin:0 auto 0 auto;
    border-radius : 5px 5px 5px 5px;
    padding : 2px 10px;
}

.button[disabled]:active, .button[disabled],
input[type="reset"][disabled]:active,
input[type="reset"][disabled],
input[type="button"][disabled]:active,
input[type="button"][disabled],
select[disabled] > input[type="button"],
select[disabled] > input[type="button"]:active,
input[type="submit"][disabled]:active,
input[type="submit"][disabled] {
  color: GrayText;
}
                    
/* Combobox   
----------------------------------------------------------*/

.combobox
{
    font-family:Verdana;
}

/* Textboxes   
----------------------------------------------------------*/

input
{
    font-family:Verdana;
}

/* ESRI */

.infowindow
{
    width: 200px;
    color: #ff0000;
    font-family:Verdana;
    background-color:#FFFBFF;
    border-color:#CCCCCC;
    border-style:solid; 
    border-width:2px;
    color:ButtonText;
    margin:0 auto 0 auto;
}